<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		
		<meta name="viewport" content="width=device-width,initial-scale=1"/>
		<link rel="stylesheet" type="text/css" media="all" href="css/main.css" />
		<title>MENU</title>
	
	</head>
	<body>
		<div class="container" style="margin-left: 6px;margin-right: 1px;vertical-align: middle;width: 100%;">
			<div class="main" style="position: relative; top: 0px;vertical-align: top;width: 100%;height: 100%; " >
			<img src="img/agenda-iclip_small.png" style="width: 100%;height:98%;"/>
			
			<div id="paginaSx" style="position: absolute; background: transparent; top: 3%; left: 3%; height: 90%; width: 41%; ">
				<p id ="titoloSx" style="position: relative;font-size: 1.8em; font-weight: bolder; text-align: center;">PAGINA 1</p>
			</div>
			
			<div id="paginaDx" style="position: absolute; background: transparent; top: 3%; right: 3.6%; height: 90%; width: 41%; ">
				<p id ="titoloDx" style="font-size: 1.8em; font-weight: bolder; text-align: center;">PAGINA 2</p>
			</div>
			
			<div id="linguetta1" style="top: 9.1%; left: -3.1%; background: #008CC1;" class="linguetta"> <a class="cbp-vm-image" data-transition="flip" href="orario.html">Orario</a></div>
			<div id="linguetta2" style="top: 28.9%; left: -3.1%; background: #D7C700;" class="linguetta"> <a class="cbp-vm-image" data-transition="flip" href="materialist.html">Materie</a></div>
			<div id="linguetta3" style="top: 48.7%; left: -3.1%; background: #C4171D;" class="linguetta"> <a class="cbp-vm-image" data-transition="flip" href="installation.html">Testi</a></div>
			
			
			<div id="linguetta4" style="top: 43.3%; right: -2.7%; background: #E5891C;" class="linguetta"> <a class="cbp-vm-image" data-transition="flip" href="materialist.html">Professori</a></div>
			<div id="linguetta5" style="top: 63.1%; right: -2.7%; background: #7EB13A;" class="linguetta"> <a class="cbp-vm-image" data-transition="flip" href="materialist.html">Verifiche</a></div>
			<div id="linguetta6" style="top: 82.9%; right: -2.7%; background: #CA0078;" class="linguetta"> <a class="cbp-vm-image" data-transition="flip" href="materialist.html">Cazzetti</a></div>
			
			
<!-- 			<table style="width: 100%;height:100%; border-spacing: 0;border-collapse:collapse;"> -->
<!-- 				<tr> -->
<!-- 				<td> -->
<!-- 				<a class="cbp-vm-image" style="float: right;" data-transition="flip" href="materialist.html"> -->
<!-- 					<img src="img/mmateria.png"> -->
<!-- 				</a> -->
<!-- 				</td> -->
<!-- 				<td> -->
<!-- 				<a class="cbp-vm-image" href="index4.html"> -->
<!-- 					<img src="img/mmprof.png"> -->
<!-- 				</a> -->
<!-- 				</td> -->
<!-- 			</tr> -->
<!-- 			<tr> -->
<!-- 			<td> -->
<!-- 			<a style="margin-top: -6px;float: right;"  href="index3.html"> -->
<!-- 				<img src="img/morario.png" > -->
<!-- 			</a> -->
<!-- 			</td> -->
<!-- 			<td> -->
<!-- 			<a class="cbp-vm-image" style="margin-top: -6px;margin-left: -6px;" > -->
<!-- 				<img src="img/mstat.png" style="margin-left: 2px;"> -->
<!-- 			</a> -->
<!-- 			</td> -->
<!-- 			</tr> -->
<!-- 			</table> -->
			</div><!-- /main -->
		</div><!-- /container -->
	
	</body>
</html>
